<template>
	<view style="padding: 20rpx;font-size: 28rpx;color: #333;">
		<view style="font-size: 18px;font-weight: bold;line-height: 30px;word-break: break-all;">
			{{ problemDetail.problem || "" }}
		</view>
		<view style="font-size: 16px;color: #555;line-height: 25px;word-break: break-all;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;">
			{{ problemDetail.profile || "" }}
		</view>
		<u-parse :content="problemDetail.way" ></u-parse>
	</view>
</template>

<script>
	import uParse from '@/components/u-parse/u-parse.vue'
	export default {
		components: {
			uParse
		},
		data() {
			return {
				problemDetail: {
					way: ""
				}
			}
		},
		onLoad(options) {
			this.getDetail(options.id)
		},
		methods: {
			getDetail(id) {
				const that = this
				that.wxRequest({
					url: `${that.API}/enterpriseUser/commonProblemInfo `,
					method: 'post',
					data: {
						id
					},
					success: (res) => {
						this.problemDetail = res.data.data
					}
				})
			}
		}
	}
</script>

<style>
@import url("../../components/u-parse/u-parse.css");
.wxParse {
	color: #303333;
}
</style>
